<link rel="stylesheet" href="/assets/css/common.css"/>
<link rel="stylesheet" href="/assets/css/recharge.css"/>
<link rel="stylesheet" href="/assets/css/menu.css"/>
<link rel="stylesheet" href="/assets/css/bx-topbar-white.css"/>
<@extends name="/project/bx-topbar-white.ftl"/>
<div class="all clearfix">
    <div class="all-container">
        <@extends name="/project/menu.ftl"/>
        <div class="content">
            <div class="content-title">
                账户充值
            </div>
            <div class="account-tab">
                <a class="tab-active tab-bankcard">银行卡</a>
                <a class="tab-wallet">虚拟钱包</a>
            </div>
            <div class="main-card">
                <div class="row-title">
                    <div class="row clearfix">
                        <p class="row-left">充值方式：</p>
                        <div class="row-right">
                            <a class="transfer alipay transfer-active" id="1">支付宝
                                <img src="/assets/img/recharge/select.png" alt="">
                            </a>
                            <a class="transfer wx" id="2">微信支付
                                <img src="/assets/img/recharge/select.png" alt="">
                            </a>
                            <a class="transfer banks" id="3">银行转账
                                <img src="/assets/img/recharge/select.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row-recharge">
                    <div class="row clearfix">
                        <p class="row-left">扫码充值：</p>
                        <div class="row-right">
                            <img src="${AlI_PAY_QR_CODE_URL}" alt="" class="alipay-ewm">
                            <img src="${WX_PAY_QR_CODE_URL}" alt="" class="wx-ewm">
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">充值说明：</p>
                        <div class="row-right">
                            <p class="instruction">1.充值后请联系客服确认。2.充值后请联系客服确认。</p>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">充值金额：</p>
                        <div class="row-right">
                            <input type="text" class="amount">
                            <span class="unit">元</span>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">请注意：</p>
                        <div class="row-right">
                            <p class="instruction">转账时请备注您的用户ID：${userId}</p>
                        </div>
                    </div>
                </div>
                <div class="transfer-money">
                    <div class="row clearfix">
                        <p class="row-left">收款人姓名：</p>
                        <div class="row-right">
                            <p class="instruction">${BANK_CARD_PAYEE_NAME}</p>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">开户行：</p>
                        <div class="row-right">
                            <p class="instruction">${BANK_CARD_NAME}</p>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">银行卡号：</p>
                        <div class="row-right">
                            <p class="instruction">${BANK_CARD_ACCOUNT}</p>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">充值说明：</p>
                        <div class="row-right">
                            <p class="instruction">1.充值后请联系客服确认。2.充值后请联系客服确认。</p>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">充值金额：</p>
                        <div class="row-right">
                            <input type="text" class="amount">
                            <span class="unit">元</span>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <p class="row-left">请注意：</p>
                        <div class="row-right">
                            <p class="instruction">转账时请备注您的用户ID：${userId}</p>
                        </div>
                    </div>
                </div>
                <p class="info-err"></p>
                <a class="recharge-btn" href="javascript:void(0)">提交充值</a>
            </div>

            <div class="main-virtual">
                <div class="wallet-not">
                    <!--<div class="row clearfix">-->
                    <!--<p class="row-left">用户名：</p>-->
                    <!--<div class="row-right">-->
                    <!--<input type="text" class="account-name-not">-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="row clearfix">
                        <p class="row-left">虚拟币金额：</p>
                        <div class="row-right">
                            <input type="text" class="virtual-amount-not">
                        </div>
                    </div>
                    <p class="info-err2"></p>
                    <a class="rechange-wallet-btn" href="javascript:void(0)">提交充值</a>
                </div>
            </div>
        </div>
    </div>

</div>
<#--<@extends name="/project/bottom.ftl"/>-->

<script src="/assets/script/jquery-1.8.2.min.js"></script>
<script src="https://cdn.bootcss.com/handlebars.js/4.0.11/handlebars.js"></script>
<script src="https://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
<script src="/assets/script/common.js"></script>
<script src="/assets/script/recharge.js"></script>
